<template>
    <div>
        <mt-swipe :auto="4000" class="mint-swipe">
            <mt-swipe-item v-for="(item,key) in swiperList" :key="key" class="center">
                <img :src="item.imgUrl" :class="{full:isfull}">
            </mt-swipe-item>
        </mt-swipe>
    </div>
</template>

<script>
export default {
    props:['swiperList','isfull']
}
</script>

<style>
.mint-swipe{
    height: 200px;
}
img{
    height: 100%;
}
.full{
    width: 100%
}
.center{
    text-align: center;
}
</style>
